function TodoFilter({setFilter}: any) {
  return (
    <div className="flex gap-2 mb-4">
      <button 
        onClick={()=> setFilter('all')}
        className="px-4 py-2 text-sm text-gray-600 bg-white border border-gray-300 rounded-lg hover:bg-gray-50"
      >
        全部
      </button>
      <button 
        onClick={()=> setFilter('active')}
        className="px-4 py-2 text-sm text-gray-600 bg-white border border-gray-300 rounded-lg hover:bg-gray-50"
      >
        进行中
      </button>
      <button 
        onClick={()=> setFilter('completed')}
        className="px-4 py-2 text-sm text-gray-600 bg-white border border-gray-300 rounded-lg hover:bg-gray-50"
      >
        已完成
      </button>
    </div>
  );
}
export default TodoFilter;
